<style>
    .panel-statistics h4 {
        color: #666;
        font-weight: 400;
        font-size: 14px;
    }

    .panel-statistics h3 {
        font-weight: 500;
        font-size: 14px;
        color: #333;
    }

    .panel-statistics em {
        font-style: normal;
    }

    .panel-statistics .pull-right {
        padding-right: 10px;
    }

    .panel-statistics .table thead tr th {
        font-weight: normal;
    }

    .panel-statistics .table tbody tr td {
        font-weight: normal;
        vertical-align: middle;
    }

    .panel-statistics .table tbody tr td p {
        margin: 0;
    }

    #echarts1 textarea {
        display: block;
    }

    select.model_id {
        min-width: 60px;
    }

    .stores {
        display: flex;
        background: #ffffff;
        align-items: center;
        margin: 0 0 15px 0;
        padding: 15px;
    }

    .stores .select-activity {
        margin-left: 10px;
        flex: 1
    }
</style>
<div class="btn-refresh hidden" id="resetecharts"></div>
<div class="row">
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>总成员数</h4>
                    <h3>{$totalMember}</h3>
                </div>
                <div class="pull-right" style="color:#c8cfff;">
                    <i class="fa fa-user fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>总活动数</h4>
                    <h3>{$totalActivity}</h3>
                    <!--                    <h3>￥566.00 <em data-toggle="tooltip" data-title="昨日：￥612.00" class="text-danger">-7%</em></h3>-->
                </div>
                <div class="pull-right" style="color:#ffc8c8;">
                    <i class="fa fa-life-bouy fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>总礼品数</h4>
                    <h3>{$totalGift}</h3>
                </div>
                <div class="pull-right" style="color:#c8e3ff;">
                    <i class="fa fa-gift fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-6 col-sm-3">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <div class="pull-left">
                    <h4>总订单数</h4>
                    <h3>{$totalOrder}</h3>
                </div>
                <div class="pull-right" style="color:#ffe9c8;">
                    <i class="fa fa-list fa-4x"></i>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row" style="margin-top:15px;">
    <div class="col-xs-12">
        <div class="panel panel-default panel-intro panel-statistics">
            <div class="panel-body">
                <h4>订单趋势</h4>
                <div id="datefilter">
                    <form id="form1" action="" role="form" novalidate class="form-inline">
                        <a href="javascript:" class="btn btn-primary btn-refresh" data-chart="chart1"><i
                                class="fa fa-refresh"></i></a>
                        <a href="javascript:" class="btn btn-success btn-filter">今天</a>
                        <a href="javascript:" class="btn btn-success btn-filter">昨天</a>
                        <a href="javascript:" class="btn btn-success btn-filter">最近7天</a>
                        <a href="javascript:" class="btn btn-success btn-filter">最近30天</a>
                        <a href="javascript:" class="btn btn-success btn-filter">上月</a>
                        <a href="javascript:" class="btn btn-success btn-filter">本月</a>
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                            <input class="form-control input-inline datetimerange" type="text" name="" value="" title=""
                                   placeholder="指定日期" data-type="order" style="width:270px;"/>
                        </div>
                    </form>
                </div>
                <div id="echarts1" style="height:400px;width:100%;margin-top:15px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="row stores" style="margin-top:20px;">
    <div class="">按活动统计:</div>
    <div class="select-activity">
        <input id="c-activity_id" class="form-control selectpage" type="text" name="activity_id" value="{$activityId}" title=""
               data-source="yungift/activity/index">
    </div>
</div>
<div id="activity_data" style="margin-top:20px;"></div>
<script id="activity_data_tpl" type="text/html">
    <div class="row">
        <div class="col-xs-12">
            <div class="row">
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>成员数</h3>
                            <span class="statistics-value"><%=memberCount%> 位</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>礼品数</h3>
                            <span class="statistics-value"><%=giftCount%> 个</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>订单数</h3>
                            <span class="statistics-value"><%=orderCount%> 个</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>本周订单数</h3>
                            <span class="statistics-value"><%=weekOrderCount%> 个</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-top:20px;">
        <div class="col-xs-12">
            <div class="row">
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>发放礼币数</h3>
                            <span class="statistics-value"><%=giveFundAmount%> 个</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>花费礼币数</h3>
                            <span class="statistics-value"><%=useFundAmount%> 个</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>剩余礼币数</h3>
                            <span class="statistics-value"><%=leftFundAmount%> 个</span>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3">
                    <div class="panel panel-default panel-intro panel-statistics">
                        <div class="panel-body">
                            <h3>退回礼币数</h3>
                            <span class="statistics-value"><%=backFundAmount%> 个</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<div class="row" style="margin-top:20px;">
    <div class="col-xs-12 col-sm-6">
        <div class="panel">
            <div class="panel-body">
                <div id="echarts2" style="height:360px;"></div>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6">
        <div class="panel">
            <div class="panel-body">
                <div id="echarts3" style="height:360px;"></div>
            </div>
        </div>
    </div>
</div>